<!DOCTYPE html>
<html lang="zh-Hans-CN">
    <head>
        <title></title>
        <meta charset="utf-8" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta name="author" content="chen" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1" />
        <!--
            <link rel="stylesheet" type="css/text" media="screen and ( min-width: 1200px )" href="">
        -->
        <link rel="stylesheet" type="text/css" media="screen" href="" />
        <script defer="defer" src=""></script>
        <style>
            /*@import url("css/name.css") screen and ( min-width: 1200px );*/
        </style>
    </head>

    <body>
        <script>
            // 过程讲解:
            // 1. 前端创建了一个<script>标签, 通过s.src像后台请求数据
            // 2. 后台jsonp获取到了前端callback的值, 即回调函数名getData.
            // 3. 后台通过ehco命令返回数据并将其放入回调函数中执行
            // 4. 前端的getData(data)函数在控制台打印出了数据
			function getData(data) {
				console.log(data);
			}
			
			createJsonp();
            function createJsonp() {
                // 创建一个脚本元素, 指定脚本元素的URL, 
                const s = document.createElement("script");
                // 这里设置了回调函数的关键字和值getData, 后台会读取这个值
                //s.src = './data/jsonp.js?callback=getData';
                s.src = 'http://127.0.0.1:700';
                document.body.appendChild(s);
            }
        </script>
    </body>
</html>
